// import React from 'react'
// import axios from '../../utils/index'
import Friend from '../components/Message/Friend'
import { Tabs } from 'antd-mobile'
import { AntOutline, SearchOutline, MoreOutline } from 'antd-mobile-icons'
import './Message.scss'
export default function Message() {
  let userid = localStorage.getItem('userid')
  return (
    <div className='message'>
      <div className='message-header'>
        <div className='message-header-title'>
          <AntOutline className='color' />
          <h3>消息</h3>
        </div>
        <div className='message-header-right'>
          <SearchOutline className='message-header-right-icon' />
          <MoreOutline className='message-header-right-icon' />
        </div>
      </div>
      <div className='option'>
        <Tabs>
          <Tabs.Tab title='聊天记录' key='message'>
            <Friend userid={userid} />
          </Tabs.Tab>
          <Tabs.Tab title='通话' key='call'>
            西红柿
          </Tabs.Tab>
        </Tabs>
      </div>
    </div>
  )
}
